<template>
  <div>
    <el-header><Head></Head></el-header>
    <div class="ly">

      <el-menu
          class="menu"
          :default-active="this.$route.path"
          router
          @select="handleSelect"
          @open="handleOpen"
          @close="handleClose">


        <el-menu-item index="/DesignPrinciples">
          <span slot="title">设计原则</span>
        </el-menu-item>

        <el-menu-item index="/Navigation">
          <span1 slot="title">导航</span1>
        </el-menu-item>

      </el-menu>
      <iframe src="static/guideHtml/sjyz.html" width="100%"
              frameborder="0" scrolling="no" height="1000px">
      </iframe>
    </div>
    <el-footer><Foot></Foot></el-footer>
  </div>

</template>

<script>

export default {
  name: "DesignPrinciples",
  //数据
  data() {
    return {
      navList: [
        {name: '/DesignPrinciples'},
        {name: '/Navigation'},
      ]
    }
  },
  //方法
  methods: {},
}

</script>

<style scoped>

.menu {
  position: relative;
  left: -56px;
  margin-top: 320px;

}

span {
  font-size: 27px;
  margin-left: 33px;
  float: left;
}

span1 {
  font-size: 27px;
  margin-left: 53px;
  float: left;
}

.ly {
  position: relative;
  top: -166px;
  left: 56px;
}
</style>